<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@include file="../common/head.jsp"%>
<div class="right">
    <div class="location">
        <strong>你现在所在的位置是:</strong>
        <span>用户管理页面</span>
    </div>
    <div class="search">
        <form method="post" action="/user/show">
            <input name="method" value="query" class="input-text" type="hidden">
            <span>用户名：</span>
            <input name="userName" class="input-text"	type="text" value="${requestScope.userName }">

            <span>用户角色：</span>
            <select name="role.roleId">
                <c:if test="${requestScope.roleList != null }">
                    <option value="0">--请选择--</option>
                    <c:forEach var="role" items="${requestScope.roleList}">
                        <option <c:if test="${role.roleId == requestScope.role.roleId }">selected="selected"</c:if>
                                value="${role.roleId}">${role.roleName}</option>
                    </c:forEach>
                </c:if>
            </select>

            <input type="hidden" name="pageIndex" value="1"/>
            <input	value="查 询" type="submit" id="searchbutton">
            <c:if test="${sessionScope.user.userId == 1}">
                <a href="toAdd" >添加用户</a>
            </c:if>
        </form>
    </div>
    <c:if test="${fn:length(requestScope.pageInfo.list) == 0}">
        <h1 style="margin-top: 50px" align="center">没有符合条件的查询记录</h1>
    </c:if>
    <c:if test="${fn:length(requestScope.pageInfo.list) != 0}">

        <!--用户-->
        <table class="providerTable" cellpadding="0" cellspacing="0">
            <tr class="firstTr">
                <th width="10%">头像</th>
                <th width="10%">用户编码</th>
                <th width="20%">用户名称</th>
                <th width="10%">性别</th>
                <th width="10%">年龄</th>
                <th width="10%">电话</th>
                <th width="10%">用户角色</th>
                <th width="20%">操作</th>
            </tr>
            <c:forEach items="${userList }" var="user">
                <tr>
                    <td>
                        <c:set value="${fn:split(user.userPicName, ',')}" var="arrayPic"/>

                        <c:forEach items="${arrayPic}" var="userPicName">
                            <img src="/headPic/${userPicName}"alt="暂无" height="20px">
                        </c:forEach>
                    </td>
                    <td>
                        <span>${user.userCode }</span>
                    </td>
                    <td>
                        <span>${user.userName }</span>
                    </td>
                    <td>
							<span>
								<c:if test="${user.gender==1}">男</c:if>
								<c:if test="${user.gender==2}">女</c:if>
							</span>
                    </td>
                    <td>
                        <span>${user.age}</span>
                    </td>
                    <td>
                        <span>${user.phone}</span>
                    </td>
                    <td>
                        <span>${user.role.roleName}</span>
                    </td>
                    <td>
                            <%--							携带数据到查看页面--%>
                        <span><a href="javascript:findView(${user.userId})"><img src="/images/read.png" alt="查看" title="查看"/></a></span>
                        <c:if test="${sessionScope.user.userId == 1}">

                            <%--							携带数据到修改页面--%>
                            <span><a class="modifyUser" href="toModif?userId=${user.userId }&userCode=${user.userCode}&userName=${user.userName}&gender=${user.gender}&phone=${user.phone}&address=${user.address}&roleName=${user.role.roleName}&userRole=${user.userRole}"><img src="/images/xiugai.png" alt="修改" title="修改"/></a></span>
                            <span><a class="deleteUser" href="javascript:;" userId=${user.userId} username=${user.userName }><img src="/images/schu.png" alt="删除" title="删除"/></a></span>
                        </c:if>
                    </td>
                </tr>
            </c:forEach>
        </table>
        <input type="hidden" id="totalPageCount" value="${totalPageCount}"/>
        <c:import url="../common/rollpage.jsp">
            <c:param name="totalCount" value="${totalCount}"/>
            <c:param name="currentPageNo" value="${currentPageNo}"/>
            <c:param name="totalPageCount" value="${totalPageCount}"/>
        </c:import>
    </c:if>

    <p><strong>用户编号：</strong><span id="userCode"></span></p>
    <p><strong>用户名称：</strong><span id="userName"></span></p>
    <p><strong>用户性别：</strong>
        <span id="gender"></span>
    </p>
    <p><strong>用户年龄：</strong><span id="age"></span></p>
    <p><strong>用户电话：</strong><span id="phone"></span></p>
    <p><strong>用户地址：</strong><span id="address"></span></p>
    <p><strong>用户角色：</strong><span id="roleId"></span></p>

</div>
</section>

<!--点击删除按钮后弹出的页面-->
<div class="zhezhao"></div>
<div class="remove" id="removeUse">
    <div class="removerChid">
        <h2>提示</h2>
        <div class="removeMain">
            <p>你确定要删除该用户吗？</p>
            <a href="#" id="yes">确定</a>
            <a href="#" id="no">取消</a>
        </div>
    </div>
</div>

<%@include file="../common/foot.jsp" %>
<script type="text/javascript" src="/js/userlist.js"></script>
